<!-- 
  Skill widget from Power Searching with Google,
  Unit 1, Lesson 2.
  -->
<div class="skill-panel" data-dependency-map="{&quot;4661929301770240&quot;: {&quot;leads_to&quot;: [5048957394747392], &quot;depends_on&quot;: [4943404278480896, 6069304185323520]}, &quot;5224879255191552&quot;: {&quot;leads_to&quot;: [4732298045947904, 6350779162034176], &quot;depends_on&quot;: []}, &quot;5787829208612864&quot;: {&quot;leads_to&quot;: [6350779162034176], &quot;depends_on&quot;: []}, &quot;6350779162034176&quot;: {&quot;leads_to&quot;: [5919770603945984, 6069304185323520, 4943404278480896], &quot;depends_on&quot;: [5224879255191552, 5787829208612864]}, &quot;6069304185323520&quot;: {&quot;leads_to&quot;: [4661929301770240, 5400801115635712], &quot;depends_on&quot;: [6350779162034176]}, &quot;4943404278480896&quot;: {&quot;leads_to&quot;: [4661929301770240, 5400801115635712], &quot;depends_on&quot;: [6350779162034176]}}">
  <div class="margins lesson-title">
    Filter image results by color
  </div>
  <div class="margins skills-in-this-lesson">
    Skills in this lesson:
    <ol class="skill-display-root">
      <li class="skill" data-skill-id="4661929301770240" data-skill-description="Use image search when it appears in search results, and use related image search to refine results.">
        Image search
      </li>
      <li class="skill" data-skill-id="5224879255191552" data-skill-description="">
        Search results
      </li>
      <li class="skill" data-skill-id="6069304185323520" data-skill-description="Filter images by similarity.">
        Filter by similarity
      </li>
      <li class="skill" data-skill-id="6350779162034176" data-skill-description="">
        Filter
      </li>
      <li class="skill" data-skill-id="5787829208612864" data-skill-description="Question consisting of one or more words.">
        Query
      </li>
      <li class="skill" data-skill-id="4943404278480896" data-skill-description="Filter images by color.">
        Filter by color
      </li>
    </ol>
  </div>
  <div class="skill-details" style="display: none;">
    <div class="margins">
      <div>
        Depends on:
      </div>
      <ol class="depends-on skill-display-root">
        <li class="skill-card" data-skill-id="6350779162034176">
          <div class="name">Filter</div>
          <div class="description">
            <div class="content">
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="5224879255191552">
          <div class="name">Search results</div>
          <div class="description">
            <div class="content">
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="4943404278480896">
          <div class="name">Filter by color</div>
          <div class="description">
            <div class="content">
              Filter images by color.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="5787829208612864">
          <div class="name">Query</div>
          <div class="description">
            <div class="content">
              Question consisting of one or more words.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="6069304185323520">
          <div class="name">Filter by similarity</div>
          <div class="description">
            <div class="content">
              Filter images by similarity.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
      </ol>
    </div>
    <div class="margins">
      <div>
        Leads to:
      </div>
      <ol class="leads-to skill-display-root">
        <li class="skill-card" data-skill-id="6069304185323520">
          <div class="name">Filter by similarity</div>
          <div class="description">
            <div class="content">
              Filter images by similarity.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="4732298045947904">
          <div class="name">Query refinement</div>
          <div class="description">
            <div class="content">
              Iterative query refinement.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=8">
                1.4
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="5048957394747392">
          <div class="name">Search by image</div>
          <div class="description">
            <div class="content">
              Identify an image with Search by Image.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=36&amp;lesson=37">
                4.1
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="5400801115635712">
          <div class="name">Use various media results</div>
          <div class="description">
            <div class="content">
              Select various media results to improve quality. Learn how different media results complement each other.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=14&amp;lesson=19">
                3.3
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="5919770603945984">
          <div class="name">Time range query</div>
          <div class="description">
            <div class="content">
              Limit results to sources from a specific time period.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=36&amp;lesson=43">
                4.4
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="4943404278480896">
          <div class="name">Filter by color</div>
          <div class="description">
            <div class="content">
              Filter images by color.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="4661929301770240">
          <div class="name">Image search</div>
          <div class="description">
            <div class="content">
              Use image search when it appears in search results, and use related image search to refine results.
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
        <li class="skill-card" data-skill-id="6350779162034176">
          <div class="name">Filter</div>
          <div class="description">
            <div class="content">
            </div>
            <div class="fade"></div>
          </div>
          <div class="locations">
            <div class="title">
              Lessons
            </div>
            <ol class="locations">
              <li>
                <a href="unit?unit=2&amp;lesson=4">
                1.2
                </a>
              </li>
            </ol>
          </div>
        </li>
      </ol>
    </div>
  </div>
  <div class="open-control">
    <button class="md md-keyboard-arrow-down"></button>
  </div>
</div>